@charset "UTF-8";
/* CSS Document */
/*
	Copyright 2011 Tobias Heinzer + Peter Affentranger

	This file is part of the website flugservice.ch.

    The website flugservice.ch is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    The website flugservice.ch is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with the website flugservice.ch.  If not, see <http://www.gnu.org/licenses/>.
*/

/* ----------------------------------------------------------------- */
/* Layout                                                            */
/* ----------------------------------------------------------------- */
#header, #container, #content, #footer {
	position: relative;
	left: 0px;
	top: 0px;
}
#imagerotator {
	position: absolute;
	left: 240px; /* equals to width of logo plus desired gap */
	right: 0px;
	top: 0px;
	bottom: 0px;
}
#content, #footer {
	padding: 10px;
}
@media screen { /* On normal screens display navigation below header, no links to navigation nessecary */
	#navigation {
		position: relative;
		left: 0px;
		top: 20px;
		padding: 15px 10px;
		z-index: 100; /* Navigation overlays all following content */
	}
	#content {
		top: 15px;
	}
	#container a.navigation_layer, #navigation h3 {
		display: none;
	}
}
@media handheld { /* On handheld devices display navigation below content, handy links to navigation nessecary */
	#navigation {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 36em;
		margin-bottom: 1em;
		z-index: 100; /* Navigation overlays all following content */
	}
	#content {
		padding-bottom: 38em; /* Provides sufficient space for navigation layer */
	}
	#container a.navigation_layer, #navigation h3 {
		margin: 10px;
	}
	#imagerotator { /* Hide unnecessary content */
		display: none;
	}
}

/* ----------------------------------------------------------------- */
/* Styling                                                           */
/* ----------------------------------------------------------------- */
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	background: white;
}
a img {
	border: none; /* Removes unwanted border in IE */
}
@media screen { /* Styling for drop down navigation on normal screens */
	#navigation {
		border-top: 5px solid #39C;
		border-bottom: 5px solid #39C;
	}
	#navigation a {
	text-decoration: none;
	border-top: 1px solid #39C;
	border-bottom: 1px solid #39C;
	margin-right: 1em;
	color: #39C;
	padding: 3px;
	text-align: center;
	}
	#navigation a:hover, #navigation a:active, #navigation a.activelink {
		background-color: #39C;
		color: #FFF;
	}
	#navigation ul li ul {
		background-color: #F4F4F4;
		border-left: 1px solid #39C;
		border-right: 1px solid #39C;
		border-bottom: 1px solid #39C;
	}
	#navigation ul li ul li a {
		border-bottom: 0;
		margin-right: 0;
		font-size: 0.9em;
		color: #000;
		text-align: left;
	}
}
@media handheld { /* Simplified navigation styling on handheld devices */
	#navigation, #navigation a {
		background-color: #39C;
		color: #FFF;
	}
	#navigation a:hover, #navigation a:active, #navigation a.activelink {
		background-color: #FFF;
		color: #39C;
	}
	#navigation li {
		line-height: 2em;
	}
}
#footer {
	background-color: #39C;
	color: #FFF;
}

/* Form styling                                                      */
fieldset {
	margin-bottom: 1em;
}
form div {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
label { /* All labels same width, makes the form more readable */
	display: inline-block; /* Necessary to define a width */
	width: 9em;
	padding-right: 0.2em;
	text-align: right; /* On small screen rendering labels should be left aligned */
}
label#OrtLabel, label#BestimmungenLabel {
	width: auto;
}
label#OrtLabel {
	padding-left: 1em;
}
label#BemerkungenLabel, label#FragenLabel {
	vertical-align: top;
}
.mandatory {
	color: #F00;
}
.accesskey {
	text-decoration: underline;
}
.imgright {
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
}
.imgspace {
	margin-bottom: 5px;
	margin-left: 5px;
}
.nowrap {
	white-space: nowrap;
}

/* ----------------------------------------------------------------- */
/* CSS drop down navigation                                          */
/* ----------------------------------------------------------------- */
@media screen { /* Only suitable on normal screens, not for handheld devices */
	#navigation ul {
		margin: 0;
		padding: 0;
	}
	#navigation ul li {
		margin: 0;
		padding: 0;
		list-style: none; /* Removes unwanted list bullets */
		display: inline; /* Prevents line breaks inside menu item */
		float: left; /* Uniform width for all menu items */
		width: 8em;
		position: relative;
	}
	#navigation ul li ul { 
		position: absolute; /* Prevents unwanted extension of #navigation div when displayed */
		display: none; /* Initially hide the submenues */
		width: 7em;
	}
	#navigation ul li ul li {
		width: 7em;
	}
	#navigation ul li:hover ul {
		display: block; /* Display submenu when hovering main menu item */
	}
	#navigation a {
		display: block; /* Extends link to full li element width */
	}
	#navigation div {
		clear: left; /* Restore normal element flow after previous floats, ensures the navigation layer is displayed correctly */
	}
}

/* ----------------------------------------------------------------- */
/* Printing                                                          */
/* ----------------------------------------------------------------- */
@media print, embossed {
	#imagerotator, #container a.navigation_layer, #navigation {
		display: none;
	}
	#content, #footer {
		padding: 0px;
	}
	#footer {
		background-color: #FFF;
		color: #000;
		border-top: 1px solid #000;
		margin-top: 1em;
		padding-top: 1em;
	}
}
